<template>
        <div v-show="showCommonMenu"
            style="position: absolute;width: 100px;height: 200px;background-color: blueviolet;display: flex;
            flex-direction: column;align-items: center;"
            :style="menuCoorderate">
            <div class="item" @click="init()">刷新</div>
            <div class="item" @click="uploadFile">上传</div>
        </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
defineProps<{
    showCommonMenu: boolean,
    menuCoorderate: any
}>()
const emit = defineEmits<{
    (e: 'init'): void
    (e: 'uploadFile'): void
}>()

const init = () => {
    emit('init')
}
const uploadFile = () => {
    emit('uploadFile')
}
</script>
<style scoped>
.item {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    width: 100%;
    padding-left: 15px;
}
.item:hover {
    background-color: aliceblue;
}
</style>